<template>
  <div
    class="relative flex h-[450px] w-full flex-col items-center justify-center overflow-hidden lg:w-full md:w-full"
  >
    <p
      class="z-10 whitespace-pre-wrap text-center text-5xl font-medium tracking-tighter text-black dark:text-white"
    >
      Lines
    </p>
    <small>Only</small>
    <Ripple circle-class="border-[hsl(var(--primary))] rounded-full" />
  </div>
</template>
